#mainNav {
 
    float: left;
    padding-top: 104px;
    width: 150px;
}
#navBg{
	background-color: black;
    float: left;
    height: 100%;
    opacity: 0.4;
    position: absolute;
    width: 150px;
    z-index: -1;
    -webkit-box-shadow: inset 0 59px 9px 2px #c3c0be;
	box-shadow: inset 0 59px 9px 2px #c3c0be;
}
#mainNav input{
	width: 150px;
	height: 38px;
	background-image: linear-gradient(bottom, rgb(0,0,0) 49%, rgb(138,138,138) 165%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 49%, rgb(138,138,138) 165%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 49%, rgb(138,138,138) 165%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 49%, rgb(138,138,138) 165%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 49%, rgb(138,138,138) 165%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.49, rgb(0,0,0)),
		color-stop(0.98, rgb(138,138,138))
	);
	border: none;
	float: left;
	margin: 5px;
	cursor: pointer;
	color:#c7c7c7;
}
 